<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>注册表单</title>
<style type="text/css">
div{
	height: 900px;
	width: 600px;
	margin:auto;

}
form {
	height: 600px;
	width: 400px;
	padding: 20px;
	margin:50px auto;
	border-radius: 20px;
	color: #000;	
}
p span{
	width:80px;
	display:inline-block;
	text-align:right;
	padding-right:10px;	
}
</style>
</head>

<body>
<div>
<form action="#" method="post">
<p><span>用户名：</span>
<input type="text" name="user"  maxlength="6" required placeholder="请输入用户名"/></p>
<p><span>密码：</span>
<input type="password" name="mima" required placeholder="请输入密码"/></p>
<p><span>性别：</span>
<input type="radio" name="sex"/>男
<input type="radio" name="sex" checked="checked"/>女</p>
<p><span>出生年月：</span>
<input type="date" name="datetime"/></p>
<p><span>邮箱：</span>
<input type="email" name="email" pattern="^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$"/></p>
<p><span>电话：</span>
<input type="tel" name="tel" pattern="^\d{11}$"/></p>
<p><span>兴趣爱好：</span>
<input type="checkbox"/>唱歌
<input type="checkbox"/>跳舞
<input type="checkbox"/>运动</p>
<p><span>学校：</span><select>
<option>-请选择-</option>
<option>云南师范大学</option>
<option>云南民族大学</option>
<option>昆明理工大学</option>
<option>云南农业大学</option>
</select></p>
<p><span>自我介绍：</span>
<textarea cols="50" rows="4"></textarea></p>

<p><span>上传头像：</span>
<input type="file"/></p>
<p align="center"><input type="submit" value="提交"/>&nbsp;&nbsp;&nbsp;
<input type="reset" value="重置"/></p>

</form>
</div>
</body>
</html>
